<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片加载（延迟加载+瀑布流加载）</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
</head>
<body>
    <div class="pic-list">
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
        <img class="lazy" alt="" data-src="img/1a.jpg"/>
    </div>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/picsLoading.js"></script>
</body>
</html>